<template>
<div style="background: #fff">
<XtxSkeleton :width="200"/>
<XtxSkeleton :width="200" :height="200"/>
<XtxSlider :sliders="sliders" />
<XtxBread>
  <XtxBreadItem>首页</XtxBreadItem>
  <XtxBreadItem>美食</XtxBreadItem>
</XtxBread>
</div>
</template>
<script>
// import Skeltton from '@/components/Skeleton'
// import Bread from '@/components/Bread'
import { ref } from 'vue'
export default {
  // components: { Bread },
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>
